import { getToken, setToken } from '@/utils/auth'
import { login, getProFile, getUserDetailById } from '@/api/user'
import { Message } from 'element-ui'
export default {
  namespaced: true,
  state: {
    // 本地读取token
    token: getToken() || null,
    // 个人信息
    userInfo: {}
  },
  mutations: {
    // 设置token
    setToken(state, newToken) {
      state.token = newToken
      // 本地存储token
      setToken(newToken)
    },
    // 存储个人信息
    setUserInfo(state, newInfo) {
      state.userInfo = newInfo
    }
  },
  actions: {
    // 登录请求
    async userLogin(context, data) {
      // 发送ajax
      const res = await login(data)
      // 同步到mutations存token
      Message.success(res.data.message)
      context.commit('setToken', res.data.data)
    },
    // 获取个人信息请求
    async getUserInfo(context) {
      // 发送ajax请求基本个人信息
      const res = await getProFile()
      // 发送ajax请求详细个人信息
      const res2 = await getUserDetailById(res.data.data.userId)
      // 同步到mutations存个人信息
      Message.success(res.data.message)
      context.commit('setUserInfo', { ...res.data.data, ...res2.data.data })
    },
    // 退出登录
    userLogout(context) {
      // 清空token和详细个人信息
      context.commit('setToken', '')
      context.commit('setUserInfo', {})
    }
  }
}
